.system-role{
    background: #fff;
    padding: 0 30px;
    margin: 30px 80px;
    .role-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        h4{
            border-left: 5px solid blue;
            padding: 6px;
            font-size: 20px;
            margin-bottom: 20px; 
        }
    }
    .role-box{
        min-height: 500px;
        display: flex;
        justify-content: space-between;
      .rolebox-left{
        border: 1px solid rgb(178, 178, 189);
        width: 300px;
        padding: 14px;
       span{
        margin-left: 150px;
        color: blue;
       }
        ul{
            li{
              margin-top: 10px;  
              line-height: 30px;
            }
        }
      }
        .rolebox-right{
            width: 800px;
            border: 1px solid rgb(178, 178, 189);
            padding: 0 10px;
            p{
                line-height: 40px;
                border-bottom:1px solid rgb(178, 178, 189) ;
                padding:10px;
            }
            .allcheck{
                margin: 15px 0;
                text-align: center;
            }
            .list-box{
                .ipt-box{
                    margin-bottom: 10px;
                }
                ul{
                    display: flex;
                    justify-content: space-between;
                }
            }
        }
    }
}